<template>
  <div id="jiHua">
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="name" label="项目名称" width="180">
      </el-table-column>
      <el-table-column prop="date" label="项目年度" width="180">
      </el-table-column>
      <el-table-column prop="address" label="项目期限"> </el-table-column>
      <el-table-column prop="address1" label="项目类别"> </el-table-column>
      <el-table-column prop="address2" label="建设地址"> </el-table-column>
      <el-table-column prop="address3" label="实施单位"> </el-table-column>
      <el-table-column prop="address4" label="状态">
        <!-- slot-scope="scope" -->
        <template>
          <el-button type="warning" round size="mini">审核中</el-button>
          <el-button type="primary" round size="mini">通过</el-button>
          <el-button type="success" round size="mini">未通过</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-pagination background layout="prev, pager, next" :total="1000">
    </el-pagination>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: "建德市xxx",
          date: "2016.5.2",
          address: "测试",
          address1: "实施类",
          address2: "建德市",
          address3: "建德市xxx",
        },
        {
          name: "建德市xxx",
          date: "2016.5.2",
          address: "测试",
          address1: "实施类",
          address2: "建德市",
          address3: "建德市xxx",
        },
      ],
    };
  },
};
</script>
<style lang="less" scoped>
#jiHua {
  width: 100%;
  height: 93.5%;
  /deep/.el-table th {
    text-align: center;
  }
  /deep/.el-table td {
    text-align: center;
    border-bottom: 2px dashed #ebeef5;
  }
  /deep/.el-table th.is-leaf {
    border-bottom: 2px solid #ebeef5;
  }
  .el-button--warning {
    background-color: #dd7d7d;
  }
  .el-button--primary {
    background-color: #5ca9d3;
  }
  .el-button--success {
    background-color: #bebebe;
  }
  .el-pagination{
    position: absolute;
    right: 685px;
    bottom: 105px;
  }
}
</style>